﻿<!DOCTYPE HTML>
<html>
    <head>
        <title>SISMIT</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        
        <script type="text/javascript" src="../js/librerias/xui-2.2.0.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/librerias/cordova-2.0.0.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.2.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
        
        <!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/menu/MenuPrincipal.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
        </script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.2.0.css" />
        <link rel="stylesheet" href="../css/jquery.mobile.structure-1.2.0.css" />
        <link rel="stylesheet" href="../css/jquery.mobile.theme-1.2.0.css" />
        <link rel="stylesheet" href="../css/sismit_theme.css" />
    </head>
    
    <body>
        <div data-role="page" id="menuPrincipal" data-theme="a" data-title="SISMIT - Menu Principal">
            <div data-role="header" data-position="fixed">
                <table align="center">
                    <tr>
                        <td id="titulo_sistema" class="encabezado_pagina">
                        </td>
                    </tr>
				</table>
            </div>
            
            <div data-role="content">
                <h3>Menu Principal</h3>
                                
                <div>
                    <button id="consultas" name="consultas" type="button" data-theme="a" data-mini="true">Consultar Infracciones</button>
                    <button id="marco_legal" name="marco_legal" type="button" data-theme="a" data-mini="true">Marco Legal</button>
                    <button id="pago" name="pago" type="button" data-theme="a" data-mini="true">Pago</button>
                    <button id="preguntas" name="preguntas" type="button" data-theme="a" data-mini="true">Preguntas Frecuentes</button>
                    
                    <br />
                    <button id="salir" name="salir" type="button" data-theme="a" data-icon="delete" data-iconpos="right" data-mini="true">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Salir</button>
                </div>
            </div>
            
            <div data-role="controlgroup" data-type="horizontal" class="ui-bar centrado" id="div_menu_bar">
                <button id="creditos" name="creditos" type="button" data-mini="true">Creditos</button>
            </div>
                        
            <div data-role="footer" data-position="fixed">
                <div id="primer_pie_pagina" class="pie_pagina"></div>
                <div id="segundo_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
    </body>
</html>